@layer base {
  
  body, :host {
    /* Color */
    --accent: var(--neutral-100);
--accent-foreground: var(--neutral-900);
--background: white;
--border: var(--neutral-200);
--card: white;
--card-foreground: var(--neutral-950);
--destructive: #DC2626;
--destructive-foreground: #FEF2F2;
--foreground: var(--neutral-950);
--input: var(--neutral-200);
--muted: var(--neutral-100);
--muted-foreground: var(--neutral-500);
--popover: white;
--popover-foreground: var(--neutral-950);
--primary: var(--neutral-900);
--primary-foreground: var(--neutral-50);
--ring: var(--neutral-400);
--ring-offset: white;
--secondary: var(--neutral-100);
--secondary-foreground: var(--neutral-900);
--transparent: #ffffff00;
--neutral-50: #FAFAFA;
--neutral-100: #F5F5F5;
--neutral-200: #E5E5E5;
--neutral-300: #D4D4D4;
--neutral-400: #A3A3A3;
--neutral-500: #737373;
--neutral-600: #525252;
--neutral-700: #404040;
--neutral-800: #262626;
--neutral-900: #171717;
--neutral-950: #0A0A0A;
--brand-50: #F4F3FF;
--brand-100: #EBE9FE;
--brand-200: #D9D5FF;
--brand-300: #BBB4FE;
--brand-400: #9A89FC;
--brand-500: #7959F9;
--brand-600: #6737F0;
--brand-700: #5925DC;
--brand-800: #4A1EB9;
--brand-900: #3F1B97;
--brand-950: #250F66;
    /* Fonts */
    --font-geist: 'Geist',sans-serif;
--font-geistmono: 'Geist Mono',monospace;
--font-ibmplexsansthai: 'IBM Plex Sans Thai',sans-serif;
--font-ibmplexsansthailooped: 'IBM Plex Sans Thai Looped',sans-serif;

    /* Font size */
    --text-xs: 0.75rem;
--text-sm: 0.875rem;
--text-base: 1rem;
--text-lg: 1.125rem;
--text-xl: 1.25rem;
--text-2xl: 1.5rem;
--text-3xl: 1.875rem;
--text-4xl: 2.25rem;
--text-5xl: 3rem;
--text-6xl: 3.75rem;
--text-7xl: 4.5rem;
--text-8xl: 6rem;
--text-9xl: 8rem;
    /* Font weight */
    --font-thin: 100;
--font-extralight: 200;
--font-light: 300;
--font-normal: 400;
--font-medium: 500;
--font-semibold: 600;
--font-bold: 700;
--font-extrabold: 800;
--font-black: 900;
    /* Shadows */
    --shadow-sm:  0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-base:  0 1px 3px 0 rgba(0, 0, 0, 0.25), 0 1px 2px 0 rgba(0, 0, 0, 0.25);
--shadow-md:  0 4px 6px -1px rgba(0, 0, 0, 0.25), 0 2px 4px -1px rgba(0, 0, 0, 0.25);
--shadow-lg:  0 10px 15px -3px rgba(0, 0, 0, 0.25), 0 4px 6px -2px rgba(0, 0, 0, 0.25);
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.25), 0 10px 10px -5px rgba(0, 0, 0, 0.25);
--shadow-2xl:  0 25px 50px -12px rgba(0, 0, 0, 0.25);
    /* Border radius */
    
    /* Spacing */
    --s-1: 0.0625rem;
--s-2: 0.125rem;
--s-4: 0.25rem;
--s-6: 0.375rem;
--s-8: 0.5rem;
--s-10: 0.625rem;
--s-12: 0.75rem;
--s-14: 0.875rem;
--s-16: 1rem;
--s-20: 1.25rem;
--s-24: 1.5rem;
--s-28: 1.75rem;
--s-32: 2rem;
--s-36: 2.25rem;
--s-40: 2.5rem;
--s-44: 2.75rem;
--s-48: 3rem;
--s-56: 3.5rem;
--s-64: 4rem;
--s-80: 5rem;
--s-96: 6rem;
--s-128: 8rem;
--s-192: 12rem;
--s-256: 16rem;
    /* Z-index */
    --z-0: 0;
--z-10: 10;
--z-20: 20;
--z-30: 30;
--z-40: 40;
--z-50: 50;
  }
  @keyframes animation-spin {
    from {
      transform: rotate(0deg);
    }
    to {
      transform: rotate(360deg);
    }
  }
  @keyframes animation-fade-in {
    from {
      opacity:0;
    }
    to {
      opacity:1;
    }
  }
  @keyframes animation-fade-out {
    from {
      opacity:1;
    }
    to {
      opacity:0;
    }
  }
}

      
  .crzXjt {
    color:var(--foreground);
  width:100%;
  background:var(--background);
  box-sizing:border-box;
  min-height:100vh;
  align-items:stretch;
  font-family:Geist;
  flex-direction:column;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .bHYIqa {
    top:var(--top);
  width:100%;
  position:absolute;
  pointer-events:all;
  }
      

      
  .bHYIqa.swipe-out-top {
    translate:0 -100%;
  }
      


  .bHYIqa.swipe-out-right {
    translate:100% 0px;
  }
      


  .bHYIqa.swipe-out-bottom {
    translate:0 100%;
  }
      


  .bHYIqa.swipe-out-left {
    translate:-100% 0px;
  }
      

        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .telepath_ui\/tui-sonner\:root {
    width:100%;
  opacity:0;
  row-gap:var(--s-8);
  translate:0 -16px 0;
  background:var(--popover);
  box-shadow:0px 0px 0px 1px var(--border) inset, 0px 4px 12px -1px #00000020;
  column-gap:var(--s-8);
  padding-top:var(--s-16);
  padding-left:var(--s-16);
  padding-right:var(--s-16);
  padding-bottom:var(--s-16);
  border-top-left-radius:var(--s-8);
  border-top-right-radius:var(--s-8);
  border-bottom-left-radius:var(--s-8);
  border-bottom-right-radius:var(--s-8);
  }
      

      
  .telepath_ui\/tui-sonner\:root.open {
    opacity:1;
  translate:0 0px 0;
  transition:translate 250ms ease  , top 150ms ease;
  }
      


  
      


  .telepath_ui\/tui-sonner\:root.open-transition {
    transition:all 250ms ease;
  }
      


  .telepath_ui\/tui-sonner\:root.close-transition {
    transition:all 150ms ease;
  }
      

        
      
      
  .da-dfnZ {
    color:var(--popover-foreground);
  font-size:var(--text-sm);
  font-family:inherit;
  font-weight:var(--font-medium);
  line-height:var(--s-20);
  }
      

      
        
      
      
  .fbJXSL {
    color:var(--muted-foreground);
  font-size:var(--text-sm);
  font-family:inherit;
  font-weight:var(--font-normal);
  line-height:var(--s-20);
  }
      

      
        
      
      
  .buYPsp {
    row-gap:var(--s-2);
  column-gap:var(--s-2);
  font-family:inherit;
  }
      

      
        
      
      
  
      

      
        
      
      
  .ezeRiZ {
    width:var(--width);
  height:var(--height);
  position:fixed;
  align-items:start;
  pointer-events:none;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  .telepath_ui\/tui-app-provider\:QRgqwiI96pIDxFCBnDQ0y {
    display:flex;
  align-items:center;
  padding-top:var(--s-20);
  padding-left:var(--s-20);
  padding-right:var(--s-20);
  padding-bottom:var(--s-20);
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .cgGrpZ {
    height:var(--height);
  position:fixed;
  align-items:start;
  pointer-events:none;
  justify-content:start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .telepath_ui\/tui-app-provider\:q3NF3LRrS6asxjnUyj3ZB {
    width:100%;
  max-width:360px;
  }
      

      
        
      
      
  .app-provider\:root {
    display:flex;
  align-items:center;
  padding-left:16px;
  padding-right:16px;
  justify-content:flex-start;
  }
      

      
        
      
      
  
      

      
        
      
      
  
      

      
        
      
      
  .Landing-Page\:root {
    row-gap:var(--s-32);
  column-gap:var(--s-32);
  }
      

      
        
      
      
  .dfAykw {
    row-gap:var(--s-16);
  column-gap:var(--s-16);
  }
      

      
        
      
      
  .eoAxiD {
    color:var(--muted-foreground);
  font-size:var(--text-sm);
  text-align:center;
  }
      

      
        
      
      
  .psgsf {
    display:inline;
  font-size:inherit;
  }
      

      
        
      
      
  .bXDTDQ {
    width:100%;
  max-width:768px;
  }
      

      
        
      
      
  .faPRDP {
    margin-left:var(--s-16);
  }
      

      
        
      
      
  .cJdwXL {
    width:100%;
  object-fit:cover;
  aspect-ratio:16/9;
  }
      

      
        
      
      
  .cBHeB {
    row-gap:var(--s-32);
  column-gap:var(--s-32);
  align-items:center;
  padding-top:var(--s-32);
  justify-content:flex-start;
  }
      

      
        
      
      
  .bJdMPV {
    width:100%;
  display:flex;
  max-width:768px;
  box-shadow:0px 2px 4px 0px #00000020;
  margin-top:var(--s-16);
  align-items:center;
  padding-top:var(--s-8);
  padding-left:var(--s-8);
  padding-right:var(--s-8);
  flex-direction:row;
  padding-bottom:var(--s-8);
  justify-content:space-between;
  border-top-left-radius:var(--s-32);
  border-top-right-radius:var(--s-32);
  border-bottom-left-radius:var(--s-32);
  border-bottom-right-radius:var(--s-32);
  }
      

      
        
      
      
  .uzemw {
    width:100%;
  max-width:768px;
  padding-top:var(--s-16);
  padding-bottom:var(--s-16);
  }
      

      
        
      
      
  .bwcXnK {
    color:var(--primary-foreground);
  width:var(--width);
  cursor:pointer;
  height:var(--height);
  display:flex;
  row-gap:0.5rem;
  font-size:var(--font-size);
  background:var(--primary);
  box-shadow:0px 2px 4px 0px var(--shadow-color);
  column-gap:0.5rem;
  transition:all 150ms ease;
  align-items:center;
  font-family:inherit;
  font-weight:var(--font-medium);
  line-height:var(--line-height);
  padding-top:8px;
  padding-left:var(--horizontal-padding);
  padding-right:var(--horizontal-padding);
  flex-direction:row;
  padding-bottom:8px;
  justify-content:center;
  border-top-left-radius:var(--s-8);
  border-top-right-radius:var(--s-8);
  border-bottom-left-radius:var(--s-8);
  border-bottom-right-radius:var(--s-8);
  }
      

      
  .bwcXnK:hover {
    opacity:0.9;
  }
      


  .bwcXnK:focus-visible {
    box-shadow:0px 0px 0px 3px #a3a3a380;
  }
      


  .bwcXnK:disabled {
    cursor:not-allowed;
  opacity:0.5;
  }
      


  .bwcXnK.loading {
    cursor:not-allowed;
  opacity:0.5;
  }
      


  .bwcXnK.secondary {
    color:var(--secondary-foreground);
  background:var(--secondary);
  }
      


  .bwcXnK.destructive {
    color:var(--destructive-foreground);
  background:var(--destructive);
  }
      


  .bwcXnK.destructive:focus-visible {
    box-shadow:0px 0px 0px 3px #FEF2F233;
  }
      


  .bwcXnK.outline {
    color:var(--foreground);
  background:var(--background);
  box-shadow:0px 0px 0px 1px var(--neutral-200) inset, 0px 1px 2px 0px #0000000d;
  }
      


  .bwcXnK.outline:hover {
    background:var(--accent);
  }
      


  .bwcXnK.ghost {
    color:var(--foreground);
  background:var(--transparent);
  }
      


  .bwcXnK.ghost:hover {
    background:var(--accent);
  }
      


  .bwcXnK.link {
    color:var(--primary);
  background:var(--transparent);
  }
      


  .bwcXnK.link:hover {
    text-decoration-line:underline;
  }
      

        
      
      
  .btJOGW {
    width:100%;
  height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  }
      

      
        
      
      
  .cOOKCz {
    width:110%;
  height:110%;
  animation:1000ms linear 0ms infinite normal none running animation-foovsV;
  align-items:center;
  justify-content:center;
  }
      

      
        
                  @keyframes animation-foovsV {
                    
                        0% {
                          rotate: 0;
                        }
                        

                        100% {
                          rotate: 360deg;
                        }
                        
                  }
                  
      
      
  .telepath_ui\/tui-button\:2qCm_FdUNXHkiuoVDlD44 {
    width:1rem;
  height:1rem;
  }
      

      
        
      
      
  .Landing-Page\:g9R3r04TZy7FCwuUsD2Y1 {
    width:auto;
  display:flex;
  align-items:center;
  justify-content:center;
  border-top-left-radius:var(--s-32);
  border-top-right-radius:var(--s-32);
  border-bottom-left-radius:var(--s-32);
  border-bottom-right-radius:var(--s-32);
  }
      

      
        
      
      
  .qdxFL {
    font-size:var(--text-6xl);
  text-align:center;
  font-weight:var(--font-bold);
  line-height:1em;
  }
      

      
        
      
      
  .fqNqhC {
    overflow-x:hidden;
  overflow-y:hidden;
  border-color:var(--border);
  border-style:solid;
  border-width:1px;
  border-top-left-radius:var(--s-16);
  border-top-right-radius:var(--s-16);
  border-bottom-left-radius:var(--s-16);
  border-bottom-right-radius:var(--s-16);
  }
      

      
        
      
      
  .Landing-Page\:myArJAe5ti-MacDeuqdKH {
    border-top-left-radius:var(--s-32);
  border-top-right-radius:var(--s-32);
  border-bottom-left-radius:var(--s-32);
  border-bottom-right-radius:var(--s-32);
  }
      

      
        
      
      
  .cKqfza {
    color:var(--muted-foreground);
  font-size:var(--text-sm);
  text-align:center;
  line-height:1.4em;
  }
      

      
        
      
      
  .emSCiE {
    width:100%;
  display:flex;
  row-gap:var(--s-32);
  max-width:384px;
  column-gap:var(--s-32);
  align-items:center;
  justify-content:flex-start;
  }